/*UI规范*/

.color_1{
    color:rgb(239,55,55)
}

.color_2{
    color:rgb(255,83,79);
}

.color_3{
    color:rgb(66,148,199);
}

.color_4{
    color:rgb(253,135,48);
}
.color_5{
    color:rgb(29,37,40);
}
.color_6{
    color:rgb(49,62,67);
}
.color_7{
    color:rgb(71,83,89);
}
.color_8{
    color:rgb(135,145,148);
}
.color_9{
    color:rgb(242,242,242);
}
.color_10{
    color:rgb(222,222,222);
}

.corlor_11{
    color:rgb(246,246,247)
}

.color_12{
    color:rgb(255,255,255)
}

.color_13{
    color:rgb(249,55,79)
}

.background_1{
    background: rgb(239,55,55);
}
.background_2{
    background: rgb(255,83,79);
}
.background_3{
    background: rgb(66,148,199);
}
.background_4{
    background: rgb(253,135,48);
}
.background_5{
    background: rgb(29,37,40);
}
.background_6{
    background: rgb(49,62,67);
}
.background_7{
    background: rgb(71,83,89);
}
.background_8{
    background: rgb(135,145,148);
}
.background_9{
    background: rgb(242,242,242);
}
.background_10{
    background: rgb(222,222,222);
}
.background_11{
    background: rgb(246,246,247)
}
.background_12{
    background: rgb(255,255,255)
}
.background_13{
    background: rgb(249,55,79)
}

.fontSize_1{
    font-size:.18rem;
    line-height: .23rem;
}

.fontSize_2{
    font-size:.16rem;
    line-height: .21rem;
}
.fontSize_3{
    font-size:.15rem;
    line-height: .2rem;
}
.fontSize_4{
    font-size:.14rem;
    line-height: .19rem;
}
.fontSize_5{
    font-size:.12rem;
    line-height: .17rem;
}



 .v-radio{
    display: inline-block;
    position: relative;
    width:.2rem;
    height:.2rem;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;

}

 .v-radio::before{
    content: '';
    position: absolute;
    width:.075rem;
    height:.03rem;
    border-radius:.15rem;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left:.0199rem;
    top:.095rem;
}

 .v-radio::after{
    content: '';
    position: absolute;
    width:.14rem;
    height:.03rem;
    border-radius:.15rem;
    background: #ffffff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left:.053rem;
    top:.083rem;
}

 .v-radio.uncheck,.v-checkBox.uncheck {
    background: transparent !important;;
    border: 0.02rem solid rgb(239,55,55) !important;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

 .v-radio.uncheck::before,.v-checkBox.uncheck::before {
    background: transparent !important;;
}

 .v-radio.uncheck::after,.v-checkBox.uncheck::after {
    background: transparent !important;;
}

 .v-checkBox{
    display: inline-block;
    position: relative;
    width:.2rem;
    height:.2rem;
    -webkit-border-radius:10%;
    -moz-border-radius:10%;
    border-radius:10%;
}


 .v-checkBox::before{
    content: '';
    position: absolute;
    width:.075rem;
    height:.03rem;
    border-radius:.15rem;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left:.0199rem;
    top:.095rem;
}
 .v-checkBox::after{
    content: '';
    position: absolute;
    width:.14rem;
    height:.03rem;
    border-radius:.15rem;
    background: #ffffff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left:.053rem;
    top:.083rem;
}